﻿<tabset stop-input-propagation justified="true">
    <tab heading="电话">
        <div class="button_console">
            <div class="modify_area tel_title">
                <span ng-repeat="button in buttons track by $index" ng-class="{spanborder: $index == btnIndex}">
                    <a class="btn-tel-tpl" ng-style="button.btnStyle" ng-click="chooseTelButton(button, $index, $event)"
                       selected>
                        {{button.text}}
                    </a>
                </span>
            </div>
            <div class="divider" style="margin: 10px; height: 1px; background: #ccc;">
            </div>
            <div class="modify_area">
                <p>
                    <label>
                        按钮名称
                    </label>
                    <input type="text" style="width:100%" ng-model="model.title" required />
                </p>
            </div>
            <div class="divider" style="margin: 10px; height: 1px; background: #ccc;">
            </div>
            <div class="modify_area" style="margin-top: 10px;">
                <p>
                    <label>
                        手机/电话
                    </label>
                    <input class="tel-button" style="width:100%" type="text" required placeholder="请输入您的手机/电话"
                           ng-model="model.number" ng-focus="removePlaceHolder($event)" ng-blur="addPlaceHolder();confirm();" />
                </p>
            </div>
        </div>
    </tab>
    <tab select="changeTab('style')" heading="样式">
        <div id="comp_setting">
            <div class="style_content" ng-include="'scene/console/style.tpl.html'">
            </div>
        </div>
    </tab>
    <tab select="changeTab('anim')" heading="动画">
        <div id="comp_setting">
            <div class="style_content" ng-include="'scene/console/anim.tpl.html'">
            </div>
        </div>
    </tab>
</tabset>